<template>
    <div class="examindetail">
        <el-card>
            <h4 style="color:#5995D7;">基本信息</h4>
            <table border="1" cellspacing="0" v-for="item in list" :key="item.id"> 
                <tr >
                    <td class="td1" style="width:15%;height:40px;">姓名</td>
                    <td class="td2">{{item.name}}</td>
                    <td class="td1" style="width:15%">性别</td>
                    <td class="td2">{{item.sex == 0 ? '男' : (item.sex == 1 ? '女' : '未知')}}</td>
                </tr>
                <tr>
                    <td class="td1">学年学期</td>
                    <td class="td2">{{item.schoolYear}}</td>
                    <td class="td1">学院</td>
                    <td class="td2">{{item.college}}</td>
                </tr>
                <tr>
                    <td class="td1">专业</td>
                    <td class="td2">{{item.major}}</td>
                    <td class="td1">班级</td>
                    <td class="td2">{{item.classes}}</td>
                </tr>
                <tr>
                    <td class="td1">学位类型</td>
                    <td class="td2">{{item.degreeType}}</td>
                    <td class="td1">成绩</td>
                    <td class="td2">{{item.achievement}}</td>
                </tr>
            </table>
            <el-button @click="$router.go(-1)" type="primary" size="small">返回</el-button>
        </el-card>
    </div>
</template>
<script>
export default {
    data(){
        return{
            list:[
               {id:1, degreeType:'研究生',major:'测试新增专业',name:'田晓',sex:0,schoolYear:'2024学年',college:'财经学院',classes:'2011级',achievement:89},
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.examindetail{
    width: 100%;
    padding: 10px;
    table{
        width: 100%;
        margin-top: 10px;
        tr{
            .td1{
                width: 15%;
                height: 40px;
                text-align: center;
                background-color: #ccc;
                font-weight: bold;
            }
            .td2{
                width: 30%;
                padding-left: 20px;
            }
        }
    }
}
</style>
